html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

    body > nav {
        margin-bottom: 2px !important;
    }

        body > nav.bg-dark {
            background-color: #2980b9 !important;
        }

        body > nav > .container {
            position: relative;
            max-width: 100%;
        }

            body > nav > .container > .navbar-brand {
                left: 20px;
                color: #ecf0f1;
            }

            body > nav > .container .dropdown-item {
                color: var(--bs-dropdown-link-color) !important;
            }

            body > nav > .container .nav-item {
                padding-left: 10px;
                padding-right: 10px;
            }

                body > nav > .container .nav-item.active {
                    background: #FFFFFF30;
                    border-radius: 4px;
                }

                body > nav > .container .nav-item .nav-link {
                    color: #ecf0f1;
                }

    body > .container {
        max-width: 100% !important;
        padding: 2px;
        flex: auto;
        height: 100%;
    }

    body.abp-application-layout {
        display: flex;
        flex-direction: column;
    }

.exam-validation-result {
    min-width: 350px;
}

    .exam-validation-result .result-item {
        margin-bottom: 5px;
    }

    .exam-validation-result .icon {
        margin-right: 10px;
    }

    .exam-validation-result .message {
        color: #2c3e50 !important;
    }

    .exam-validation-result.has-error .info {
        display: none;
    }

    .exam-validation-result .info .icon {
        color: #2980b9;
    }

    .exam-validation-result .warn .icon {
        color: #e67e22;
    }

    .exam-validation-result .error .icon {
        color: #c0392b;
    }

    .exam-validation-result .tip {
        color: #7f8c8d;
        margin-top: 15px;
    }

.dx-datagrid .dx-datagrid-rowsview .dx-row > td {
    padding: 8px 16px !important;
}

.dx-datagrid .dx-datagrid-rowsview .dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    padding-top: 8px;
    padding-bottom: 8px;
}

.dx-datagrid .dx-datagrid-rowsview .dx-editor-cell.dx-editor-inline-block {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.dx-datagrid .operation-column .dx-button {
    height: unset !important;
}

    .dx-datagrid .operation-column .dx-button .dx-button-content {
        padding: 0;
    }

.dx-button-content:has(i.dx-icon.dx-icon-spindown.dx-icon-right) {
    padding-inline-end: 4px !important;
}

.dx-list-item-icon-container {
    display: inline-flex;
    align-items: center;
}

.dx-context-menu .dx-submenu .dx-item-content .dx-menu-item-text {
    padding-left: 8px;
}

:root {
    --colors-link-1: #001259;
    --colors-link-2: #001e80;
    --colors-link-3: #0832a6;
    --colors-link-4: #0c5ba1;
    --colors-link-5: #0f6cbd;
    --colors-link-6: #2e91e7;
    --colors-link-7: #68b7fb;
    --colors-link-8: #aed7fb;
    --colors-link-9: #d1e7fb;
    --colors-link-10: #e6eff7;
    --colors-info-1: #001259;
    --colors-info-2: #001e80;
    --colors-info-3: #0832a6;
    --colors-info-4: #0c5ba1;
    --colors-info-5: #0f6cbd;
    --colors-info-6: #2e91e7;
    --colors-info-7: #68b7fb;
    --colors-info-8: #aed7fb;
    --colors-info-9: #d1e7fb;
    --colors-info-10: #e6eff7;
    --colors-other-1: #001259;
    --colors-other-2: #001e80;
    --colors-other-3: #0832a6;
    --colors-other-4: #0c5ba1;
    --colors-other-5: #0f6cbd;
    --colors-other-6: #2e91e7;
    --colors-other-7: #68b7fb;
    --colors-other-8: #aed7fb;
    --colors-other-9: #d1e7fb;
    --colors-other-10: #e6eff7;
    --colors-brand-1: #001259;
    --colors-brand-2: #001e80;
    --colors-brand-3: #0832a6;
    --colors-brand-4: #0c5ba1;
    --colors-brand-5: #0f6cbd;
    --colors-brand-6: #2e91e7;
    --colors-brand-7: #68b7fb;
    --colors-brand-8: #aed7fb;
    --colors-brand-9: #d1e7fb;
    --colors-brand-10: #e6eff7;
}

.amis-scope {
    height: auto;
    overflow-x: unset !important;
    --text--muted-color: var(--colors-neutral-text-2);
    --radio-default-disabled-text-color: var(--colors-neutral-text-2);
    --Form-selectValue-onDisabled-color: var(--colors-neutral-text-2);
}

    .amis-scope.container {
        height: 100%;
    }

        .amis-scope.container [role="popover"], cxd-PopOver {
            z-index: 999999 !important;
        }

    .amis-scope .cxd-Number-disabled input {
        opacity: 1 !important;
    }

    .amis-scope input[disabled], .amis-scope input:disabled {
        -webkit-text-fill-color: unset;
    }
